{extend name="base" /} {block name="main"}
<!-- neibanner -->
{ld:sort cid="$topid"}
<div class="neibanner">
    <img src="{$item.big_image}" alt="{$item.name}" />
    <div class="neibannerdesc">
        <div class="container neibannerdesc-title">
            <p>{$item.ename}</p>
            <h2>{$item.name}</h2>
        </div>

        <!-- 内页导航 -->
        {include file="neinav" /}
        <!-- 内页导航 end -->
    </div>
</div>
{/ld:sort}
<!-- neibanner end -->

<section class="page-content contact-wrapper">
    <div class="container">
        <div class="page-content-card card">
            <div class="card-body">
                <div class="contactb_item row">
                    <div class="contact_bl col-12 col-xl-6">
                        <h4>{$category.ename}</h4>
                        <h3>{$category.des1}</h3>
                        <div class="contact_blline"></div>
                        <h5>{$category.des2}</h5>
                        <div class="contact-info-list">
                            <div class="row">
                                <div class="col-6">
                                    <p>E-Mail</p>
                                    <h6>{$ld.email}</h6>
                                </div>
                                <div class="col-6">
                                    <p>Phone</p>
                                    <h6>{$ld.phone}</h6>
                                </div>
                                <div class="col-6">
                                    <p>Tel</p>
                                    <h6>{$ld.tel}</h6>
                                </div>
                                <div class="col-6">
                                    <p>Address</p>
                                    <h6>{$ld.address}</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="contact_br col-12 col-xl-6">
                        <form class="d-flex flex-wrap justify-content-between" action="{:addon_url('ldcms/diyform/message')}" method="post">
                            <input type="text" name="uname" id="" placeholder="Name *" />
                            <input type="tel" name="mobile" id="" placeholder="Phone *" />
                            <input type="email" name="emails" id="" placeholder="Email *" />
                            <input type="text" name="companys" id="" placeholder="Company *" />
                            <textarea name="remark" id="" placeholder="Message *"></textarea>
                            {:token()}
                            <button type="submit">Submit</button>
                        </form>
                    </div>
                </div>

                {if $ld.bdak}
                <div class="contact_t" id="dtdh">
                    <div class="con1400">
                        <div class="contact_map animate" data-animate="fadeInUp" data-duration="1.5s" data-delay="0.1s">
                            <h3 class="neititle">Map</h3>
                            <div class="contact_mapitem">
                                <div class="contact_b">
                                    <div id="container"></div>
                                    <style>
                                        #container {
                                            overflow: hidden;
                                            width: 100%;
                                            height: 480px;
                                            margin: 0;
                                            font-family: "微软雅黑";
                                        }
                                    </style>

                                    <script src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak={$ld.bdak}"></script>

                                    <script type="text/javascript">
                                         var map = new BMapGL.Map('container');
                                         var point = new BMapGL.Point({$ld.mpdw});
                                         map.centerAndZoom(point, 15);
                                         // 创建小车图标
                                         var myIcon = new BMapGL.Icon("__ADDON__/ldcms2024/images/bdico.png", new BMapGL.Size(23, 35));
                                         // 创建Marker标注，使用小车图标
                                         var pt = new BMapGL.Point({$ld.mpdw});
                                         var marker = new BMapGL.Marker(pt, {
                                        icon: myIcon
                                         });
                                         var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
                                         map.addControl(scaleCtrl);
                                         var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
                                         map.addControl(zoomCtrl);
                                         // 将标注添加到地图
                                         map.addOverlay(marker);
                                         map.enableScrollWheelZoom();    // 启动鼠标滚轮操作
                                    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
            </div>
        </div>
    </div>
</section>

{/block}
